<template>
	<view class="repairs">
		<view class="center">
			<text class="type">类型</text>
			<text class="select">请选择报修类型<text class="iconfont icon-a-10-you" style="margin-left:16rpx;"></text></text>
		</view>
		<view class="center">
			<text class="type">报修地址</text>
			<text class="select">清水湾2号楼1单元2103<text class="iconfont icon-a-10-you" style="margin-left:16rpx;"></text></text>
		</view>
		<view class="center" style="border: none;">
					<text class="type">联系电话</text>
					<text class="select">13522568755<text class="iconfont icon-a-10-you" style="margin-left:16rpx;"></text></text>
		</view>
		<view class="text">
			<textarea value="" style="margin-left: 26rpx;margin-top: 26rpx;font-size: 27rpx;" placeholder="请输入报修问题,以便维修人员尽快为您解决" />
		</view>
		<view class="picture">
			<view class="img">
				<image src="" @click="uploadImg" class="iconfont icon-zhaoxiang" mode="" >
				</image>
			</view>
				<image src="" @click="uploadImg" mode="" class="img"></image>
				<image src="" @click="uploadImg" mode="" class="img"></image>
				<image src="" @click="uploadImg" mode="" class="img"></image>
				<image v-for="(item,index) in imgArr" :src="item" class="img">
				</image>
			</view>
		<view class="btn">
			确认报修
		</view>
	</view>
</template>

<script>
		export default {
			data() {
				return {
					imgArr:[]
				}
			},
			onLoad() {
	
			},
			methods: {
				uploadImg(){
					let that = this
					uni.chooseImage({
						success(res) {
							console.log(res.tempFilePaths)
							that.imgArr = res.tempFilePaths;
							console.log(that.imgArr)
							}
					})
				}
			}
		}
</script>

<style lang="less">
	@import "../../static/css/repairs.less";
</style>
